<template>
    <div>
        <div>{{name}}</div>
        <div>{{desc}}</div>
        
        <example :edata="edata[0]"><example0 slot="case"/></example>
        
        <example :edata="edata[1]"><example1 slot="case"/></example>
        
        
        
    </div>
</template>
<script>
    
      import example0 from "./ex-btn.vue"
    
      import example1 from "./ex-btn-com.vue"
    
    var API;
    

    export default {
        data(){
            return {
                name:'button',
                desc:'啊，美丽的按钮们。',
                intro:'',
                edata:[{"path":"./ex-btn.vue","title":"样式按钮","readme":"%E9%80%9A%E8%BF%87%E6%A0%B7%E5%BC%8F%E4%BD%BF%E7%94%A8"},{"path":"./ex-btn-com.vue","title":"组件按钮","readme":"%E4%B8%8E%E6%A0%B7%E5%BC%8F%E6%8C%89%E9%92%AE%E7%9A%84%E5%8C%BA%E5%88%AB%EF%BC%9A%E7%BB%84%E4%BB%B6%E6%8C%89%E9%92%AE%E6%9C%89%E6%98%8E%E7%A1%AE%E7%9A%84%E4%B8%9A%E5%8A%A1%E5%9C%BA%E6%99%AF%EF%BC%8C%E7%9B%B4%E6%8E%A5%E4%BD%BF%E7%94%A8"}],
                API:API
            }
        },
        computed:{
          API_props(){
            return marked(this.API.props.join('\n'))
          },
          API_events(){
            return marked(this.API.events.join('\n'))
          },
          API_slots(){
            return marked(this.API.slots.join('\n'))
          },
          API_options(){
            return marked(this.API.options.join('\n'))
          },
          introMd(){
             return this.intro?marked(decodeURIComponent(this.intro)):''
          }
        },
        components:{
            
            example0,
            
            example1,
            
        }
    }
</script>
<style>

</style>
